<!--
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
-->
<div style="width: 100%; height: 100%; display: flex; flex-flow: row" (mouseover)="hover=true" (mouseleave)="hover=false">
	<div style="flex: 1 1 auto; flex-flow: column; overflow: hidden;">
		<div style="display: flex; flex-flow: row">
			<div #toolbar class="toolbar"></div>
			<div style="flex: 1 1 auto; overflow: hidden;">
				<div #editor class="editor"></div>
			</div>
		</div>
		<collapse-component *ngIf="cellModel.cellType === 'code' && cellModel.source && cellModel.source.length > 1" [cellModel]="cellModel" [activeCellId]="activeCellId"></collapse-component>
	</div>
</div>
